.AsphaltMixingStationDetailTempA01 {
	width: 100%;
	height: 100%;
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: center;

	& > div {
		height: 100%;
		padding: 8px;

		&.Right {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > div {
				width: 100%;
				flex: 1;
				display: flex;
				align-items: center;
				justify-content: center;

				&:first-child {
					margin-bottom: 16px;
				}

				& > div {
					flex: 1;
					height: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;

					&:first-child {
						margin-right: 16px;
					}

					& > div {
						width: 100%;
					}

					& > .Charts {
						flex: 1;
					}
				}
			}
		}
	}
}

.MixingStationA01 {
	width: 100%;
	height: 100%;
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;

	& > div {
		width: 100%;

		&.Title {
			height: 40px;
			display: flex;
			align-items: center;
			justify-content: center;
			background: linear-gradient(
				90deg,
				rgba(0, 137, 161, 0),
				rgba(0, 137, 161, 0.4),
				rgba(0, 137, 161, 0)
			);
			font-family: MicrosoftYaHei, MicrosoftYaHei;
			font-weight: bold;
			font-size: 16px;
			color: #ffffff;
			margin-bottom: 16px;
		}

		&.Top {
			height: 224px;
			margin-bottom: 16px;
			display: flex;
			align-items: center;
			justify-content: center;

			& > div {
				flex: 1;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: flex-end;
				flex-direction: column;
				background: rgba(2, 52, 62, 1);
				border-radius: 16px;
				padding: 8px;
				margin: 0 8px;
				position: relative;
				z-index: 1;

				& > img {
					width: 202px;
				}

				& > .value {
					position: absolute;
					font-family: MicrosoftYaHei, MicrosoftYaHei;
					font-weight: bold;
					font-size: 62px;
					color: #ffffff;
					left: 0;
					top: 32px;
					width: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
				}

				& > .label {
					font-family: MicrosoftYaHei;
					font-size: 16px;
					height: 40px;
					display: flex;
					align-items: center;
					justify-content: center;

					&.A01 {
						color: #f1d682;
					}

					&.A02 {
						color: rgba(130, 224, 241, 1);
					}
				}
			}
		}

		&.Btm {
			flex: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > div {
				width: 100%;

				&.Charts {
					flex: 1;
				}
			}
		}
	}
}
